import { Group, Boxs } from 'saltui';
import AngleRight from 'salt-icon/lib/AngleRight';
const { HBox, Box } = Boxs;

export default class Demo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
    }

    //设置帮助
     /*dd.biz.navigation.setIcon({
        showIcon : false,//是否显示icon
        iconIndex : 2,//显示的iconIndex,如上图
        onSuccess : function(result) {
        
        },
        onFail : function(err) {
        //jsapi调用失败将会回调此函数
        }
    });*/

     let userId = document.getElementById("userHiddenId").value;
      dd.util.domainStorage.setItem({
         name:'meeting_helpNew_'+userId , // 存储信息的key值
         value:'isHelpNew', // 存储信息的Value值
         onSuccess : function(info) {
         },
         onFail : function(err) {
         }
      });
    
     dd.biz.navigation.setTitle({
          title : '使用帮助',//控制标题文本，空字符串表示显示默认文本
          onSuccess : function(result) {
            
              /*结构
              {
              }*/
          },
          onFail : function(err) {}
        });
      dd.biz.navigation.setMenu({
          backgroundColor : "#ADD8E6",
          textColor : "#ADD8E611",
          items : [
            {
              "id":"1",//字符串
              "iconId":"",//字符串，图标命名
              "text":" "
            }
        ],
          onSuccess: function(data) {
        
        },
        onFail: function(err) {

        }
      });
  }

  handleClick(path){
    location.hash=path
  }

 /* <HBox  onClick={t.handleClick.bind(t,'document/help_add')}>
            <Box className=' t-omit' vAlign="center" >
              <i className='iconfont icon-help t-FC9 t-MR4'></i>让我们看看如何新建公文
            </Box>
            <Box  vAlign="center"  hAlign="end">
              <Icon name="angle-right" width={20} fill="#ccc" className='has-right-arrow'/>
            </Box>
          </HBox>*/
  render() {
    let t=this;
    return <div className="t-FS16">
     <div >
       <img src="../../../fmui/images/meeting-banner.png" alt="" style={{width: 100 + '%'}} />
     </div>
      <Group className="t-self-group-wrapper">
        <Group.Head className="t-FCddblue t-PL16 t-PT10 t-PB10"><i className="iconfont icon-personal t-FS14 t-MR4"></i>管理员操作指南</Group.Head>
        <Group.List >
          <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/help_administrator')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">使用之前，管理员需要做的</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
          </Group.List>
          <Group.Head className="t-FCgreen t-PL16 t-PT10 t-PB10"><i className="iconfont icon-personal t-FS14 t-MR4"></i>普通用户操作指南</Group.Head>
          <Group.List>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/help_shouwen')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">查看会议室预约情况</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/help_shenpi')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">发起新的会议申请</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/meetingProcess')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">会议预定审批办理</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/remind')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">消息提醒，移动签到</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/menageInfo')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">查看会议详情和会议纪要</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
            <div className="dd-t-list-wrap-single" onClick={t.handleClick.bind(t,'help/taskInfo')}>
              <HBox vAlign="center">
                <HBox flex={1} className="t-FBAC">
                  <Box className="t-list-img">
                      <i className='iconfont icon-help t-FCd'></i>
                  </Box>
                  <Box className="dd-t-list-text-content-single" flex={1}>
                    <p className="dd-t-list-title-single omit">指派会议任务，落实会议安排</p>
                  </Box>
                </HBox>
                <Box>
                  <AngleRight width={20} fill="#ccc" className="dd-t-list-arrow" />
                </Box>
              </HBox>
            </div>
        </Group.List>
      </Group>
    </div>
  }
};
